<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-1.11.3.js" type="text/javascript"></script>
		<script type="text/javascript">
			// 			$(function() {
			// 				$('#big').bind('click', function() {
			// 					var widthNow = parseInt($("img").attr('width'));
			// 					var widthNew = widthNow + 5;
			// 					var width = $("img").attr('width',widthNew);
			// 				});
			// 				$('#small').bind('click', function() {
			// 					var widthNow = parseInt($("img").attr('width'));
			// 					var widthNew = widthNow - 5;
			// 					var width = $("img").attr('width',widthNew);
			// 				});
			// 			});
			function big() {
				var widthNow = parseInt($("img").attr('width'));
				var widthNew = widthNow + 5;
				var width = $("img").attr('width', widthNew);
			}

			function small() {
				var widthNow = parseInt($("img").attr('width'));
				var widthNew = widthNow - 5;
				var width = $("img").attr('width', widthNew);
			}
		</script>
	</head>
	<body>
		<img src="../img/1d.jpg" width="500px" />
		<br />
		<br />
		<input type="button" id="bigId" value="放大" onclick="big()" />
		<input type="button" id="smallId" value="缩小" onclick="small()" />
	</body>
</html>
